<template>
	<view class="userinfo">
		<image :src="obj.avatar" mode="" class="avatar"></image>
		<view class="username">{{obj.username}}</view>		
	</view>
</template>

<script setup>
defineProps({
	obj:{
		type:Object,
		// default(){
		// 	return {username:"匿名",avatar:"../../static/logo.png"}
		// }
		default:{username:"匿名",avatar:"../../static/logo.png"}
	}
})
</script>

<style lang="scss" scoped>
.userinfo{
	width: 100%;
	height: 200px;
	background: linear-gradient(-30deg,rgb(107,175,240),rgb(255,255,255));
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	image{
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.username{
		padding:10px 0;
		font-size: 20px;
	}
}
</style>